<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet/less" href="./less/nav.less">
    <link rel="stylesheet/less" href="./less/article.less">
    <link rel="stylesheet/less" href="./less/aside.less">
    <link rel="stylesheet/less" href="./less/Category.less">

    

    
    <title>华为会场-华为商城VMALL</title>
    
    <style>
        @media screen and (max-width:840px) {
            body div{
                font-family: Arial, Helvetica, sans-serif, 'Lucida Grande', Verdana !important;
            }
        }
        @media screen and (min-width:841px) {
            body div{
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
            }
        }
        @media screen and (max-width:1200px) {
            .pc_width{width: 100%;}

            .Carousel{width:100%;}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: 5px;}
            .leftNavBox{width: 100%;}
            .leftNav{left: 1.5px;}
        }
        @media screen and (min-width:1200px) {
            .pc_width{width: 1200px;}

            .Carousel{width:100vw;}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: -12px;}
            .leftNav{left: 0%;}
        }
        
        body{
            position: relative;
            background: rgb(233, 239, 248);
        }
        .flexBox{
            display: flex;
        }
        .pc_width{margin: auto;}
        main{position: relative;}
    </style>
</head>
<body>
    
    <nav>
        <div class="pc_width">
            <div class="main flexBox navTotal">
                <div class="logo"><img src="./img/logo_app.png" alt=""></div>
                <div class="toolBar flexBox">
                    <div>手机</div>
                    <div>笔记本/平板</div>
                    <div>手表手环</div>
                    <div>耳机音箱</div>
                    <div>智慧屏</div>
                    <div>智能路由</div>
                    <div>华为智造</div>
                    <div>企业购</div>
                </div>
                <div class="rightLogo flexBox">
                    <div class="search Logo"></div>
                    <div class="user Logo"></div>
                    <div class="cart Logo"></div>
                </div>
                
            </div>
        </div>
        
        <!-- 搜索 -->
        <div class="main flexBox searchDetail" style="display:none">
            <div class="top flexBox">
                <div class="search_detail">
                    <div class="search_input_container flexBox">
                        <div class="svg_logo flexBox"></div>
                        <div class="input">
                            <input type="text" placeholder="搜索商品">
                        </div>
                        <div class="close_logo"></div>
                    </div>
                </div>
                <div class="search_discovery">
                    <div class="search_discovery_container flexBox">
                        <div class="title flexBox">
                            <span>搜索发现</span>
                            <img src="./img/changeIt.png" alt="">
                        </div>
                        <div class="recommendList">
                            <ul class="flexBox">
                                <li>MateView SE</li>
                                <li>手机</li>
                                <li>筋膜枪</li>
                                <li>p50</li>
                                <li>手环</li>
                                <li>nova 8 pro</li>
                                <li>平板电脑</li>
                                <li>手环7</li>
                                <li>智能吉他</li>
                                <li>xs 2</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom"></div>
        </div>
    </nav>

    <main>
        <!-- 轮播 -->
        <div class="Carousel">
            <div id="carouselExampleIndicators" class="carousel slide flexBox" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="imgContainer banner1"></div>
                    </div>
                    <div class="carousel-item">
                        <div class="imgContainer banner2"></div>
                    </div>
                    <div class="carousel-item">
                        <div class="imgContainer banner3"></div>
                    </div>
                    <div class="carousel-item">
                        <div class="imgContainer banner4"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 热夏爆款 -->
        <section class="hot_summer_hits">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title01.webp" alt=""></div>
                <div class="product_list">
                    <div class="main flexBox">
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area04.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI PixLab X1 黑白激光打印机</div>
                                </div>
                                <div class="good_dept">限时直降100元</div>
                                <div class="good_price">
                                    <span class="new">¥1799</span>
                                    <span class="old">¥1899</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area04.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI PixLab X1 黑白激光打印机</div>
                                </div>
                                <div class="good_dept">限时直降100元</div>
                                <div class="good_price">
                                    <span class="new">¥1799</span>
                                    <span class="old">¥1899</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        
        <!-- 手机专区 -->
        <section class="mobile_phone_area">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title02.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 笔记本专区 -->
        <section class="laptop_area">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title03.webp" alt=""></div>
                <div class="product_list">
                    <div class="main flexBox">
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area04.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI PixLab X1 黑白激光打印机</div>
                                </div>
                                <div class="good_dept">限时直降100元</div>
                                <div class="good_price">
                                    <span class="new">¥1799</span>
                                    <span class="old">¥1899</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area04.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI PixLab X1 黑白激光打印机</div>
                                </div>
                                <div class="good_dept">限时直降100元</div>
                                <div class="good_price">
                                    <span class="new">¥1799</span>
                                    <span class="old">¥1899</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area01.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook D 16</div>
                                </div>
                                <div class="good_dept">预订省400丨12代酷睿标压</div>
                                <div class="good_price">
                                    <span class="new">¥5699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area02.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateBook 14 2021款</div>
                                </div>
                                <div class="good_dept">预订省310元</div>
                                <div class="good_price">
                                    <span class="new">¥5199</span>
                                    <span class="old">¥5399</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox">
                            <div class="good_picture flexBox">
                                <img src="./img/Category/laptop_area03.webp" alt="">
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI MateView SE</div>
                                </div>
                                <div class="good_dept">限时直降50元</div>
                                <div class="good_price">
                                    <span class="new">¥749</span>
                                    <span class="old">¥799</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特价</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </section>
        
        <!-- 平板专区 -->
        <section class="pad_area">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title04.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area01.webp" alt="">
                            <div class="top_tag">
                                <span>预定到手1599起</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area02.webp" alt="">
                            <div class="top_tag">
                                <span>预订最高优惠300元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area03.webp" alt="">
                            <div class="top_tag">
                                <span>预订最高省500元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area04.webp" alt="">
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area05.webp" alt="">
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area06.webp" alt="">
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area07.webp" alt="">
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 运动健康 -->
        <section class="exercise_health">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title05.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 影音娱乐 -->
        <section class="hot_summer_hits">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title06.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 智能家居 -->
        <section class="hot_summer_hits">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title07.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 华为智选 -->
        <section class="huawei_smart_select">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title08.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select05.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select06.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select05.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select06.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select07.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/huawei_smart_select08.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 更多推荐 -->
        <section class="hot_summer_hits">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title09.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area01.webp" alt="">
                            <div class="top_tag">
                                <span>赠送66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50</div>
                            </div>
                            <div class="good_dept">直屏影像旗舰</div>
                            <div class="good_price">
                                <span class="new">¥4988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area02.webp" alt="">
                            <div class="top_tag">
                                <span>限时直降200元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="tag">热销爆款</div>
                                <div class="good_title">nova 9</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥2699</span>
                                <span class="old">¥2899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">限时特惠</div>
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area03.webp" alt="">
                            <div class="top_tag">
                                <span>赠66W充电器</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI P50 Pro</div>
                            </div>
                            <div class="good_dept">原色双影像单元</div>
                            <div class="good_price">
                                <span class="new">¥5988</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/mobile_phone_area04.webp" alt="">
                            <div class="top_tag">
                                <span>学生认证优惠50元</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI Mate X2 （5G版）</div>
                            </div>
                            <div class="good_dept">麒麟9000芯片</div>
                            <div class="good_price">
                                <span class="new">¥19699</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">赠送积分</div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        
        <!-- 商用商品推荐 -->
        <section class="commercial">
            <div class="pc_width">
                <div class="title flexBox"><img src="/img/Category/section_title10.webp" alt=""></div>
                <div class="product_list">
                <div class="main flexBox">
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area01.webp" alt="">
                            <div class="top_tag">
                                <span>预定到手1599起</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area01.webp" alt="">
                            <div class="top_tag">
                                <span>预定到手1599起</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area01.webp" alt="">
                            <div class="top_tag">
                                <span>预定到手1599起</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity flexBox">
                        <div class="good_picture flexBox">
                            <img src="./img/Category/pad_area01.webp" alt="">
                            <div class="top_tag">
                                <span>预定到手1599起</span>
                            </div>
                        </div>
                        <div class="good_info text_ellipsis">
                            <div class="tag_title flexBox">
                                <div class="good_title">HUAWEI WATCH 3 Pro</div>
                            </div>
                            <div class="good_dept">智能动态降噪</div>
                            <div class="good_price">
                                <span class="new">¥899</span>
                            </div>
                            <div class="bottom_tag flexBox">
                                <div class="tag">分期免息</div>
                                <div class="tag">赠送积分</div>
                            </div>
                            <div class="evaluation flexBox">
                                <span>7431人评价</span>
                                <span>93%好评</span>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
            </div>
        </section>
        

        <!-- end -->
        <section class="end">
            <div class="pc_width">
                <div class="main flexBox">
                    <img src="/img/Category/end.webp" alt="">
                </div>
            </div>
        </section>

        
        <!-- 侧边导航栏 -->
        <aside style="display: none;">
            <div class="main flexBox">
                <a href="#" class="back_to_the_top" id="back_to_the_top" style="display: block;">返回顶部</a>
            </div>
        </aside>
    </main>

    
    <script src="https://cdn.jsdelivr.net/npm/less@4" ></script>
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/js/bootstrap.min.js"></script>


    <!-- 搜索按钮 -->
    <script text="text/javascript" src="/js/searchBtn.js"></script>

    
    <!-- 返回顶部-显示-隐藏 -->
    <script type="text/javascript" src="./js/aside.js"></script>

    <!-- 滚轮监听 -->
    <script>
        $(window).scroll(function(){
            var top = $(window).scrollTop();
            
            if(top >= 500){
                // 显示返回顶部按钮
                $('aside').css('display','block');
            }
            else{
                // 隐藏返回顶部按钮
                $('aside').css('display','none');
            }
        })
    </script>


    <!-- 其他 -->
    <script>

        // 页面跳转
        $('.user').click(function(){
            $(location).attr('href','Personal-Center.html');
        })
        $('.logo').click(function(){
            $(location).attr('href','index.html');
        })
        $('.commodity').click(function(){
            $(location).attr('href','Product-Details.html');
        })
    </script>
    
</body>
</html>